<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


    <title>充电站-实时状态</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="static/css/bootstrap/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/other/font-awesome.min.css" rel="stylesheet"/>
    <!-- Data Tables -->
    <link href="static/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet"/>

    <link href="static/css/animate.min.css" rel="stylesheet"/>
    <link href="static/css/style.min.css" rel="stylesheet"/>
    <link href="static/css/chargingstation.css" rel="stylesheet"/>

</head>

<body class="gray-bg">
<div class="animated fadeInRight maindiv">
    <div class="row">
        <div class="col-lg-6 row topdiv contentdiv">
            <div class ="leftdiv0">
                <strong style="font-size: 14px;color: #333333">通讯状态统计:</strong>
            </div>
            <div class ="leftdiv0">
                <h> <i class="fa fa-circle" style="color: #1BBB9E"></i>通讯正常</h>
            </div>
            <div class ="leftdiv">
                <h> <i class="fa fa-circle" style="color: #929292"></i>通讯断开</h>
            </div>
        </div>
        <div class="col-sm-12 contentdiv" style="background-color: #F5F6F7">
            <div class="boxdiv scrolldiv">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>实时状态</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="leftdiv0">
                                <input type="text" value="充电站" readonly="true" style="border:1px solid #E7E7E7;width:180px;height:30px;font-size:12px;">
                            </div>
                            <div class="input-group leftdiv1" style="width:180px;height:30px;font-size:12px;">
                                <input type="text" class="form-control" value="通讯状态" readonly="true" style="border:1px solid #E7E7E7;width:156px;height:30px;font-size:12px;background-color: white">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="width:30px;height:30px;background-color: #D7D9DB;margin:auto">
                                        <span class="caret" style="width:9px;height:6px;color: #A0A0A0"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><i class="fa fa-circle" style="color: #1BBB9E"></i>通讯正常</li>
                                        <li><i class="fa fa-circle" style="color: #929292"></i>通讯断开</li>
                                    </ul>
                                </span>

                            </div>
                            <div class="leftdiv2">
                                <button type="button" class="btn btn-primary btn-sm btn-test" onclick="search()">查询</button>
                            </div>
                            <div class="leftdiv0">
                                <button type="button" class="btn btn-default btn-sm btn-test1" onclick="reset()">重置</button>
                            </div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <table id="chargingstateTable" class="tablestyle"> </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</div>
<script src="static/js/jquery/jquery.min.js"></script>
<script src="static/js/bootstrap/bootstrap.min.js"></script>
<script src="static/js/bootstrap/bootstrap-table.js"></script>
<script src="static/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>
<script src="static/js/bootstrap/bootstrap-select.min.js"></script>
<script src="static/js/chargingstation/chargingstate.js"></script>

</body>

</html>
